<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>我的</title>
<link rel="stylesheet" href="/static/layui-v2.4.5/layui/css/layui.css">
<link rel="stylesheet" href="/res/common/css/global.css">
<script type="text/javascript" src="/static/jquery/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<style type="text/css">
    div.content-div{
        background-color: rgba(256, 256, 256, 1);
    }
    hr{
        margin: 3px;
    }
    div.headpic-div{
        margin-top: 50px;
    }
    div.myInfo-div{
        margin-top: 30px;
    }
    div.headpic-row{
        height: 60px;
    }
    img.headpic-img{
        float: right;
        height: 60px;
        width: 60px;
        border: none;
        border-radius: 4px;
        margin-right: 20px;
    }
</style>
</head>
<body>
<div class="layui-box top-div">
    <div class="headpic-div content-div">
        <hr class="layui-bg-green">
        <div class="layui-row headpic-row">
            <img class="headpic-img" src="/res/pic/user/headpic-64.jpg">
        </div>
        <hr class="layui-bg-green">
    </div>
    <div class="myInfo-div content-div">
        <hr class="layui-bg-green">
        <div class="layui-row id-row">
            &nbsp;
        </div>
        <hr class="layui-bg-green">
    </div>
</div>

<script src="/static/layui-v2.4.5/layui/layui.js"></script>
<script type="text/javascript">
$(function () {
    var layer;
    layui.use('layer', function () {
        layer=layui.layer;
    });
});
</script>
</body>
</html>